Skip to main content

Introduction

What is an HTML5 game?​

HTML5 game actually mean an HTML5, CSS3, JavaScript game. Most of the time you'll be dealing with JavaScript.

What is this tutorial about?​

Create your own game with HTML5 and JavaScript. Learn about game loops, animations & sprites, collision detection, physics. Follow this tutorial series and end up with a basic HTML5 game of your own.

What to expect from this tutorial series?​

The series will take you through the following steps:

  1. Set-up an HTML5 file with a canvas
  2. Learn how to draw shapes and text
  3. Create a game loop
  4. Animate objects and use easings
  5. Detect collisions and apply physics
  6. Draw images and sprite animations
  7. Let's make a game

This tutorial is a fork of Spicy Yoghurt's tutorial